@charset "UTF-8";
/**
 * Created by kroyo on 2018/07/07
 * probation    产品试用
 */
/**
 * Created by kroyo on 2017/10/19.
 * minxin 公共块
 */
.reset {
  display: none; }

.red {
  color: #ee0003; }

.blue {
  color: #00a0e9; }

body, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, select, textarea, button, th, td, menu {
  margin: 0;
  padding: 0; }

* {
  box-sizing: border-box; }

ul, dl, ol {
  list-style: none; }

img, fieldset, input[type="submit"] {
  border: 0 none; }

em {
  font-style: normal; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

button, input[type="button"] {
  cursor: pointer;
  border: 0 none; }

a, button, input, img {
  -webkit-touch-callout: none; }

img {
  /*pointer-events:none;*/
  /*禁止图片的点击事件，例如长按保存图片*/ }

fieldset, img, input, button, select {
  border: none;
  padding: 0;
  margin: 0;
  outline-style: none; }

textarea {
  outline: none;
  resize: none; }

input, button, textarea {
  -webkit-appearance: none; }

a {
  text-decoration: none; }

/***浮动**/
.fl {
  float: left; }

.fr {
  float: right; }

html {
  height: 100%;
  width: 100%;
  font-family: 'Microsoft YaHei','Helvetica Neue','Helvetica','PingFang SC','Arial','Heiti SC','SimSun','sans-serif';
  outline: 0;
  -webkit-text-size-adjust: none;
  opacity: 0;
  -webkit-tap-highlight-color: transparent; }

body {
  height: 100%;
  margin: 0;
  position: relative; }

i, em {
  font-style: normal;
  text-decoration: none; }

/***清除浮动***/
.clear {
  clear: both; }

.clearfix:after {
  content: "";
  display: block;
  clear: both; }

.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.clearfix {
  *zoom: 1; }

.disabled {
  cursor: not-allowed !important;
  color: #ffffff !important;
  background-color: #CCCCCC !important; }
  .disabled:hover:after {
    background-color: #CCCCCC;
    color: #ffffff; }

input，textarea {
  -webkit-appearance: none;
  outline: none; }

body {
  width: 100%;
  background-color: #ffffff; }

.yelow {
  color: #fea733; }

.probation-banner {
  width: 100%;
  max-width: 750px;
  height: 6.5rem;
  background-color: #dddddd; }
  .probation-banner a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center; }
  .probation-banner img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle; }
  .probation-banner .swiper-pagination {
    bottom: 0.15rem !important; }
  .probation-banner .swiper-pagination-bullet {
    width: 0.4rem;
    height: 0.4rem;
    border: 1px solid #ffffff;
    background-color: transparent; }
  .probation-banner .swiper-pagination-bullet-active {
    border-color: rgba(255, 255, 255, 0.4);
    background-color: rgba(255, 255, 255, 0.4); }

.probation-title {
  height: 2rem;
  line-height: 2rem;
  color: #333333;
  font-size: 0.8rem;
  font-weight: normal;
  text-align: center; }

.probation-flow {
  padding-bottom: 0.75rem;
  border-bottom: 0.5rem solid #f2f2f2; }
  .probation-flow .flow-list {
    font-size: 0;
    text-align: center;
    margin-top: 0.15rem; }
  .probation-flow .flow-list-li {
    display: inline-block;
    margin: 0 0.625rem; }
    .probation-flow .flow-list-li:last-of-type .li-text:after {
      display: none; }
  .probation-flow .li-num {
    display: inline-block;
    width: 0.85rem;
    height: 0.85rem;
    line-height: 0.85rem;
    color: #ffffff;
    font-size: 0.6rem;
    text-align: center;
    border-radius: 50%;
    margin-bottom: 0.1rem;
    background-color: #888888; }
  .probation-flow .li-text {
    position: relative;
    display: block;
    color: #666666;
    font-size: 0.55rem; }
    .probation-flow .li-text:after {
      position: absolute;
      top: 0.15rem;
      right: -0.75rem;
      display: block;
      content: '';
      width: 0.275rem;
      height: 0.475rem;
      background: url(../img/probation/flow-right.png) no-repeat center;
      background-size: 100% 100%; }

.product-list {
  max-width: 750px;
  padding-bottom: 1.25rem;
  margin: -0.75rem auto 0; }

.product-list-li {
  width: 100%;
  padding: 0.75rem;
  border-bottom: 0.025rem solid #f2f2f2; }
  .product-list-li .product-img {
    position: relative;
    width: 100%;
    height: 7.5rem;
    background-color: #dddddd;
    text-align: center; }
    .product-list-li .product-img a {
      display: block;
      width: 100%;
      height: 100%; }
    .product-list-li .product-img img {
      max-width: 100%;
      max-height: 100%;
      vertical-align: middle; }
    .product-list-li .product-img .product-state {
      position: absolute;
      top: 0.5rem;
      right: -0.25rem;
      display: block;
      width: 3.45rem;
      height: 1.1rem;
      line-height: 1.1rem;
      color: #ffffff;
      font-size: 0.7rem;
      text-align: center;
      padding-right: 0.5rem; }
      .product-list-li .product-img .product-state:before {
        position: absolute;
        top: 0;
        left: -0.65rem;
        display: block;
        content: '';
        border-top: 0.575rem solid transparent;
        border-bottom: 0.55rem solid transparent;
        border-right: 0.65rem solid #00a0e9; }
    .product-list-li .product-img .yellow {
      background-color: #fea733; }
      .product-list-li .product-img .yellow:before {
        border-right-color: #fea733; }
    .product-list-li .product-img .blue {
      background-color: #00a0e9; }
      .product-list-li .product-img .blue:before {
        border-right-color: #00a0e9; }
    .product-list-li .product-img .gray {
      background-color: #c1c1c1; }
      .product-list-li .product-img .gray:before {
        border-right-color: #c1c1c1; }
  .product-list-li .product-text {
    margin-top: 0.5rem;
    padding: 0 0.5rem; }
  .product-list-li .product-text-left {
    float: left; }
  .product-list-li .product-title {
    color: #333333;
    font-size: 0.8rem;
    line-height: 0.8rem; }
    .product-list-li .product-title a {
      color: #333333; }
  .product-list-li .product-price {
    color: #999999;
    font-size: 0.6rem; }
    .product-list-li .product-price .blue {
      color: #00a0e9;
      font-size: 0.9rem; }
  .product-list-li .product-text-right {
    float: right;
    text-align: right; }
  .product-list-li .product-time {
    height: 0.8rem;
    color: #999999;
    font-size: 0.6rem;
    line-height: 0.8rem; }
    .product-list-li .product-time .gary {
      color: #333333; }
  .product-list-li .product-number {
    color: #999999;
    font-size: 0.6rem; }

.container {
  width: 100%;
  max-width: 750px;
  margin: 0 auto; }

.product-detail {
  width: 100%;
  border-bottom: 0.5rem solid #f2f2f2; }
  .product-detail .container {
    padding: 0.5rem 0.75rem; }
  .product-detail img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle; }
  .product-detail p {
    color: #333333;
    font-size: 0.6rem; }

.probation-more {
  padding-bottom: 4rem; }

.product-toolbar {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  background-color: #ffffff;
  box-shadow: 0 0.05rem 0.3rem 0 rgba(0, 0, 0, 0.2);
  z-index: 9; }
  .product-toolbar .container {
    position: relative;
    padding: 0.5rem 0.75rem; }

.product-toolbar-backbtn {
  position: absolute;
  bottom: 4.25rem;
  right: 0.75rem;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  color: #ffffff;
  font-size: 0.7rem;
  text-align: center;
  border-radius: 50%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.6); }
  .product-toolbar-backbtn a {
    display: block;
    color: #ffffff; }

.product-toolbar-btnwrapper .apply-btn {
  display: block;
  width: 100%;
  height: 2.25rem;
  line-height: 2.25rem;
  color: #fefefe;
  font-size: 0.8rem;
  text-align: center;
  background-color: #00a0e9;
  border-radius: 0.25rem; }

.product-toolbar-btnwrapper .infor-timer {
  float: left;
  color: #666666;
  font-size: 0.6rem; }

.product-toolbar-btnwrapper .infor-pnum {
  float: right;
  color: #666666;
  font-size: 0.6rem; }

.site-window {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 1.65rem;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 99; }
  .site-window .container {
    position: relative;
    height: 100%; }
  .site-window .win-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    height: 10rem;
    border-radius: 0.25rem;
    padding: 0.75rem;
    background-color: #ffffff; }
  .site-window .btn {
    display: block;
    width: 11rem;
    height: 2.25rem;
    line-height: 2.25rem;
    color: #ffffff;
    font-size: 0.8rem;
    margin: 0.75rem auto 0;
    border-radius: 0.25rem;
    background-color: #00a0e9;
    text-align: center; }

.win-apply .apply-state {
  display: block;
  width: 100%;
  height: 5.5rem;
  color: #333333;
  font-size: 0.7rem;
  padding: 0.25rem;
  border: 0.05rem solid #dddddd;
  font-family: 'Microsoft YaHei','Helvetica Neue','Helvetica','PingFang SC','Arial','Heiti SC','SimSun','sans-serif'; }
  .win-apply .apply-state::-webkit-input-placeholder {
    color: #999999; }
  .win-apply .apply-state:-ms-input-placeholder {
    color: #999999; }
  .win-apply .apply-state:-moz-placeholder {
    color: #999999; }
  .win-apply .apply-state::-moz-placeholder {
    color: #999999; }

.win-applysuccess, .win-nologin {
  text-align: center; }
  .win-applysuccess h3, .win-nologin h3 {
    color: #666666;
    font-size: 0.9rem;
    font-weight: normal;
    margin: 0.75rem auto 0.5rem; }
  .win-applysuccess p, .win-nologin p {
    color: #999999;
    font-size: 0.6rem;
    margin-bottom: 1.5rem; }

.win-nologin h3 {
  color: #333333; }

.win-nologin p {
  padding: 0 1.2rem;
  text-align: left; }

.win-nologin .btn {
  display: inline-block;
  width: 5rem;
  height: 1.75rem;
  line-height: 1.75rem;
  font-size: 0.7rem;
  margin: 0 0.35rem; }

.win-nologin .registerbtn {
  background-color: #fea733; }
